
.hui-flex{
	display:block;
}
.demo {
	padding: 8px;
	width: 29%;
	float: left;
}

.demo a {
	width: 100%;
}

.demo a img {
	width: 100%;
}

.demo a div {
	width: 100%;
	text-align: center;
}

.hui-img-list-content {
	box-sizing: border-box;
}

.hui-media-content{
	position: relative;
}
.hui-media-content span{
	position: absolute;
	right: 0;
	top:45%;
	 display: inline-block;
    width: 40px;
    background: #FFFFFF;
    color: #000;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
}
.hui-media-content p{
	height: 38px;
	width: 84%;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.hui-media-content h1{
	width: 84%;
}

